<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>
<body>
    <!-- 
        列表分类 
        1、有序(order顺序)列表
            <ol>
                <li>...</li>
            </ol>
            标记项类型type属性取值：阿拉伯数字1（默认）、小写英文a、大写英文A、小写罗马数字i、大写罗马数字I
        2、无序(unorder无序)列表
            <ul>
                <li>...</li>
            </ul>
            标记项类型type属性取值：实心圆点disc（默认）、空心圆circle、正方形square
        3、定义(define定义)列表
            <dl>
                <dt></dt>
                <dd></dd>
            </dl>
    -->

    <!-- 1、有序(order顺序)列表 -->
    <ol type="I">
        <li>西游记</li>
        <li>红楼梦</li>
        <li>水浒传</li>
        <li>三国演义</li>
    </ol>
    <!-- 2、无序(unorder无序)列表 -->
    <ul type="circle">
        <li>西游记</li>
        <li>红楼梦</li>
        <li>水浒传</li>
        <li>三国演义</li>
    </ul>
    <!-- 3、定义(define定义)列表 -->
    <dl>
        <dt>电视剧</dt>
        <dd>电视连续剧...</dd>
        <dt>动漫</dt>
        <dd>动起来的漫画...</dd>
    </dl>
</body>
</html>